<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <title>jQuery demo</title>
 </head>
 <body>
	<div class="box">
		<p class="one">hello there, how are you doing?</p>
		<p class="one">hello there, how are you doing?</p>
		<p class="one">hello there, how are you doing?</p>
		<p class="one">hello there, how are you doing?</p>
	</div>
	
	<a class="hide" href="">h1de</a>
	<a class="show" href="">sh0w</a>
	
   <a href="http://jquery.com/">jQuery</a>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
	$(document).ready(function(){
		$("div.box p.one").hide();
		$("a.show").click(function(event){ 
			event.preventDefault();
			$("div.box p.one:hidden").slideDown("fast"); 
			});
		$("a.hide").click(function(event){ 
			event.preventDefault();
			$("div.box p.one:visible").slideUp("fast"); 
			});
	});
   </script>
 </body>
 </html>